Tempered Courtyard color palette — #F1F7F2 · #C0E3ED · #4098A6 · #2D705A · #1A4F60
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C0E3ED): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4098A6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#2D705A): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#1A4F60): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Weathered Cypress color palette (#F1F7F2, #D6DEEF, #759EBE, #337B80, #435469)
- Cerulean Corridor color palette (#EFF8F1, #A8CBDB, #36829F, #006059, #123E5B)
- Muted Forest color palette (#F5F0F6, #C4E2EB, #4B99B5, #1A7033, #162D47)
- Muted Cerulean Pier color palette (#D8E7DA, #4B9DA7, #005265, #003129, #001623)
- Softworn Lantern color palette (#F8F5EF, #C2EADE, #6DCEDE, #50AC8D, #305040)
- Soft Terrace color palette (#EFF6FF, #6586D0, #B85B55, #417844, #293850)
- Pine Grove color palette (#FBF3F1, #C3E8DE, #61B1CE, #3F8E4F, #563D59)
- Chalky Hollow color palette (#BFECFF, #63B1E0, #3A79B5, #38558E, #393F67)
Browse the whole catalog at Explore, or see today's palette.