Tempered Courtyard color palette — #FBF3F1 · #CCE4C9 · #009AB8 · #436E40 · #295047
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Celadon Mist (#CCE4C9): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#009AB8): A luminous, balanced blue — the color of open sky before noon.
- Olive (#436E40): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#295047): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Cypress Lagoon color palette (#FAF4F0, #C2E7D2, #5C8FC0, #00735C, #593D51)
- Weathered Cerulean Study color palette (#ECF4ED, #B1E7F4, #4F9BA5, #316B56, #0B3041)
- Turquoise Cabin color palette (#FAF4EB, #CEEFCC, #5CB4C0, #518772, #314F40)
- Washed Cobalt Thicket color palette (#FBF3F0, #AFCEB6, #0482B6, #00633F, #2A3A5B)
- Aged Cerulean Ridge color palette (#F7E7E1, #32A0A8, #00516D, #003218, #001134)
- Dusty Cornflower color palette (#FEF3E7, #C7954D, #518ADB, #895B00, #513852)
- Jade Basin color palette (#FCF2F8, #CFE3F7, #8CC9D8, #64AA81, #314B5F)
- Indigo Pier color palette (#FDF3E9, #A9D3FA, #6370E6, #006669, #483561)
Browse the whole catalog at Explore, or see today's palette.