Tempered Cocoa Courtyard color palette — #FFF2E9 · #58AA8E · #366F9C · #763C17 · #2E4330
Built around Bronze, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Jade (#58AA8E): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#366F9C): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#763C17): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2E4330): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Tempered Cocoa Courtyard 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
- Aged Cobalt color palette (#FDF4E4, #6BB6B9, #6974A5, #6B5725, #344E42)
- Softworn Taupe Veranda color palette (#FFF2EF, #84A366, #0F7782, #703952, #3C3E37)
- Garnet Quarry color palette (#E4F8E8, #49AEB1, #2A729C, #74283B, #002735)
- Mulberry Station color palette (#FFF4E2, #5EC4C7, #438EBC, #964557, #294433)
- Hazy Lagoon color palette (#F0F9EA, #2D9D85, #8D4A6B, #6B3A0B, #403100)
- Muted Olive color palette (#FDF3E8, #B0B488, #717A33, #48614E, #4F4100)
- Pale Grape color palette (#FFF5D3, #009BBC, #684AA7, #484900, #0A375C)
- Soft Workshop color palette (#FFDEBC, #008F8F, #2E39C3, #512F00, #002E3C)
Browse the whole catalog at Explore, or see today's palette.