Cypress Bloom color palette — #F9F0EA · #C7E5D2 · #6A92B5 · #216D56 · #3D2136

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Celadon Mist (#C7E5D2): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6A92B5): A luminous, dusty blue — the color of deep harbor water.
• Pine (#216D56): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#3D2136): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Bloom 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 Cobalt color palette (#F9F0E8, #A6D3C0, #587CB8, #005C54, #201841)
• Amber Veranda color palette (#E0F9ED, #67AECF, #C67364, #006E92, #45150E)
• Worn Corridor color palette (#F8F0ED, #C9E7DC, #7EA78F, #6C7028, #193E35)
• Wandering Orchard color palette (#E0E7D8, #55C1B3, #008EA4, #005281, #1B2D51)
• Muted Lagoon Boulevard color palette (#FAF2F8, #D2DDF2, #7FAAD0, #248E71, #384768)
• Tempered Lagoon color palette (#FEE9E1, #2E878C, #004258, #00210C, #000106)
• Wandering Shell color palette (#E4F8EB, #DED3DE, #EBB1C8, #5D907D, #1F3D32)
• Muted Courtyard color palette (#D8FCEB, #039ACC, #AE6C4D, #875D10, #07241A)

Browse the whole catalog at Explore, or see today's palette.