JIN:Rデモページ風（事務所向け）を使用させていただいています

これですが、これは私が個人的に配布しているデータです。
Cocoon公式ではありません。

上記のデータですが、修正できるようアイコンの部分を「段落」ブロックに修正しました。

●回答2

「カスタムHTML」ブロックに書かれているCSSを変更します。
どれなのか大まかなコメントを書いてあるので参考にしてください。

①③文字を全て黒
--cocoon-text-colorの色コードを変更
見出し、小見出しのcolorの色コードを変更

②ボックスの色を青（文字は濃い青）
メニュー（.my-menu a）のbackground-color、colorを変更

④ボックスフレームの色を青（文字は濃い青）
メニュー（.my-policy ）のborderのvar(--icon-color)を変更（#00ff00など）

個々の小見出し（INTEGRIRY）の文字を変更するなら、エディターでテキストの色を設定すれば変わります。
これは文字の場合、全て同じです。

理容師になるには勉強し、国家資格が必要ですよね。それと同じです。
ホームページをカスタマイズするには、HTML、CSSと基礎知識が必要です。まずは勉強です。

提供しているデータは、スキン独自の機能を使っています。
例えば「スキンなし」に適用すると図のように、タイムラインのスタイルが変わります。
当然、他のスキンでも同様です。

また、提供しているデータですが、フロントページを対象としています。

スキン「メイド・イン・ヘブン」の場合、投稿タイトル下にSNSシェアボタン（トップシェアボタンの表示）を表示しません。

https://ss1.xrea.com/chuya.s239.xrea.com/temp/sns-share/

●回答2

スキン「メイド・イン・ヘブン」以外の場合、ご利用の流れが、参考ページのように表示されません。
あくまでも専用です。

そもそもGutenbergエディター使えてますか？
その上で、CSSなどカスタマイズの基礎知識が必要となります。

現状、難しいと思います。

質問2.JIN:Rデモページ風（事務所向け）を使用させていただいています、全体的にカラーが設定されていると思うのですが変更する方法がわかりません

これはこちらでしょうか。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/front-page-samples/sample-jinr02/
これに関しては独自カスタマイズになるので、実際のページを提示していただいて、どこのどの部分を変更したいと具体的に書いていただかないと何とも言えないかもしれません。

質問1.ヘッダーの下のSNS系のアイコンを消したいです方法はありますか？

Cocoon設定の「SNSシェア」から「メインカラムトップシェアボタンを表示する」を無効にしてみるとどうなりますでしょうか。