Cocoa Basin color palette — #DAF7FF · #006C69 · #5E3A00 · #2B2C00 · #001B0F

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DAF7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#006C69): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#5E3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2B2C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001B0F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Cocoa Basin 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

• Worn Station color palette (#D3FAF5, #006E23, #86020C, #3E2300, #181A00)
• Midnight Spruce Corridor color palette (#D4EDF8, #504547, #003840, #221700, #040900)
• Softworn Lantern color palette (#EDF7FF, #007DB1, #515900, #004628, #00242F)
• Aged Lagoon color palette (#E9F8FE, #34999D, #826025, #4A581D, #203537)
• Feathered Sapphire Courtyard color palette (#FFE9FB, #3D6BFF, #BA0069, #4B4600, #001821)
• Weathered Chapel color palette (#F1F5FF, #7672BA, #0F6E4E, #004953, #1B2D40)
• Obsidian Navy Workshop color palette (#DFEBF8, #004187, #113900, #00221D, #000A10)
• Hazy Aubergine Grove color palette (#E7F2FF, #0060B8, #6B006A, #58001F, #001D25)

Browse the whole catalog at Explore, or see today's palette.