Tempered Courtyard color palette — #CCF3F9 · #BB8C00 · #00493F · #001B16 · #000304
Built around Mustard, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#CCF3F9): A whisper-light, dusty blue — the color of deep harbor water.
- Mustard (#BB8C00): A luminous, balanced gold — the color of old brass.
- Forest (#00493F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001B16): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000304): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered 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
- Worn Archive color palette (#E1F6FF, #CBA13F, #005663, #00262C, #00090F)
- Bronze Boulevard color palette (#E5F2FE, #947321, #002C4A, #2A2026, #000814)
- Hushed Rose color palette (#D2EDD6, #F05559, #004448, #001F22, #000E0B)
- Aged Terrace color palette (#ECF3F5, #ADCDB3, #2D6D69, #003A37, #0B1619)
- Wandering Shell Field color palette (#E5F9FF, #FFA7AB, #006566, #002424, #000102)
- Chestnut Loft color palette (#D3E6EC, #705300, #383034, #00181A, #000202)
- Hushed Study color palette (#DFF1F6, #00AAA8, #3033E8, #005857, #01001A)
- Charred Navy Courtyard color palette (#E3EEFF, #836200, #060067, #1E0A1D, #000017)
Browse the whole catalog at Explore, or see today's palette.