Cocoa Studio color palette — #D8F2FB · #006A83 · #6B4400 · #392200 · #000103
Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D8F2FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006A83): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
- Espresso (#392200): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Studio into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Nocturne Denim color palette (#CBE8FF, #00527F, #503500, #1C1000, #000201)
- Softworn Alley color palette (#D4F2FC, #006E70, #94001A, #520009, #000202)
- Frosted Ultramarine color palette (#DAE2F0, #0050D8, #614900, #342600, #000107)
- Nocturne Dune color palette (#D0E4DB, #004B66, #69001E, #291900, #00050A)
- Softworn Station color palette (#DDEEFF, #2994E9, #A8250D, #673900, #00050E)
- Orchid Grove color palette (#EAEDFF, #9B4EF7, #006318, #00460E, #01000A)
- Midnight Lapis color palette (#E0EAFA, #2843FF, #682100, #181600, #000200)
- Iris Veranda color palette (#F1F5FF, #858AFF, #5B7200, #445500, #02061A)
Browse the whole catalog at Explore, or see today's palette.