Tempered Courtyard color palette — #F7F1E7 · #B2D0B9 · #0289A9 · #005C52 · #002437
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Pistachio (#B2D0B9): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0289A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002437): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cypress Balcony color palette (#F6F1EA, #C8E4D7, #6593B8, #006B73, #182C4B)
- Hushed Dune color palette (#FBF2F9, #9FCDDF, #2181B0, #08633F, #293B56)
- Softworn Coast color palette (#E4F8EC, #B0E2D3, #9EB0EF, #007774, #042E20)
- Antique Teal color palette (#D4F1EA, #30ACA9, #00727B, #004F5E, #00202D)
- Sunlit Cobalt color palette (#EFE8DE, #8DBAD6, #176EB7, #004A54, #030F40)
- Tempered Abyss color palette (#F2EADC, #4C828E, #004258, #001F1D, #000104)
- Plum Corridor color palette (#CBE9D7, #008AA5, #9B4E87, #6A5B00, #001A0C)
- Pale Rust Garden color palette (#DEEEE2, #2DA1B4, #C0564F, #00606D, #3D0003)
Browse the whole catalog at Explore, or see today's palette.