Tempered Courtyard color palette — #F5E8E1 · #59C0D6 · #008BD1 · #007051 · #070B3B
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F5E8E1): a clean, paper-quiet neutral.
- Cyan (#59C0D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008BD1): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007051): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#070B3B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Cornflower Loft color palette (#EFDED2, #7AB9DD, #3978FF, #006E66, #160834)
- Ancient Petrol color palette (#E3F1E6, #50B0C8, #007096, #004A48, #001528)
- Linen Balcony color palette (#F5ECE8, #94E2EF, #22B0F8, #009567, #1F2C4F)
- Tempered Denim Drift color palette (#F7EAF3, #5495A5, #004F74, #002C26, #000313)
- Misty Magenta color palette (#F4E2F8, #BE24D8, #008680, #0F6682, #110016)
- Soft Plum color palette (#FBD6DA, #D054BF, #009670, #A40095, #00140C)
- Softworn Station color palette (#FAF4ED, #C3E9ED, #A4BAFF, #4CA9A8, #5A3E4A)
- Dusty Marigold Corridor color palette (#FFE7E9, #E8A27F, #E2971F, #7166C2, #370516)
Browse the whole catalog at Explore, or see today's palette.