Twilit Cocoa Canyon color palette — #D3F9E7 · #00546F · #5C2D00 · #00222F · #030100

Built around Cocoa, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D3F9E7): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00546F): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5C2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Calm, Sophistication, Depth. Tagged dark, muted, cool.

Use it as a design system

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

• Twilit Denim Canyon color palette (#FAE5FC, #004C8F, #592F00, #001E3F, #030100)
• Cellar Drift color palette (#E1F3FF, #00415E, #512100, #261D00, #000103)
• Antique Abyss color palette (#D9F6E7, #005A74, #2B4800, #002431, #030800)
• Twilit Garnet color palette (#E1F7DC, #005953, #6F0040, #002421, #040001)
• Cellar Orchard color palette (#EAF1E4, #A52E00, #00568C, #070810, #000201)
• Pewter Lagoon color palette (#D1F3E6, #6383BF, #855993, #003D3D, #00030E)
• Pale Meadow color palette (#DBE9F3, #0071A2, #9B2A00, #003D5A, #120100)
• Smoked Fern Villa color palette (#F0E7D9, #56560C, #362700, #1A0A00, #010200)

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