Tempered Cypress Orchard color palette — #FBF3F0 · #C4E6D1 · #5990BD · #007458 · #573F51

Built around Pine, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C4E6D1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5990BD): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007458): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#573F51): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Tempered Cypress Orchard 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

• Timeworn Ash color palette (#F9F4EF, #C8E8ED, #8B96C9, #2F7B7F, #634A54)
• Cobalt Summit color palette (#FDF3EC, #A2D1BD, #5078B9, #006158, #39345A)
• Cerulean Market color palette (#EBF5ED, #B6E4FA, #4398BE, #136C68, #142E45)
• Hushed Amber Market color palette (#EBFAEE, #30B2C0, #C47135, #00737E, #5C3920)
• Teal Delta color palette (#D7E5BD, #39BEB1, #008796, #005A86, #543A53)
• Aged Mallow Atelier color palette (#E9FBEB, #DEE0F2, #E7B3F4, #548F77, #395349)
• Pale Bronze color palette (#E3FDE8, #009BA6, #A96C00, #6F6400, #2B3D2E)
• Worn Corridor color palette (#FAE8E2, #398F92, #004358, #00240C, #00091C)

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