Cypress Courtyard color palette — #FBF3F0 · #C9E5CC · #5093B3 · #35704B · #334869
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF3F0): bright and airy, almost weightless.
- Celadon Mist (#C9E5CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#5093B3): A luminous, balanced blue — the color of open sky before noon.
- Pine (#35704B): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#334869): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cypress 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
- Dusty Atelier color palette (#FAF4ED, #C6E4DA, #7A88B7, #027071, #5F3B4B)
- Hushed Cerulean Courtyard color palette (#EEF4EF, #C8E1EA, #3B9BB4, #006E5E, #003145)
- Weathered Atelier color palette (#F8F5EF, #C0E8DF, #6AB1C5, #008E7A, #224D63)
- Worn Cabin color palette (#E8FBED, #C0E9EE, #E6BAC5, #528568, #3B584C)
- Timeworn Cerulean color palette (#DBFFED, #74C2DD, #0083A3, #004D62, #003742)
- Denim Parlor color palette (#FBE6DC, #429DB1, #004E7A, #003123, #08093D)
- Aged Amber color palette (#E8FBED, #43B1C0, #C16F68, #007380, #64312D)
- Worn Bronze Lantern color palette (#E0FEE8, #009AAC, #B46043, #885603, #233F2C)
Browse the whole catalog at Explore, or see today's palette.