Tempered Cypress color palette — #FCF2F8 · #BCE4EF · #4C96A7 · #35704E · #2C4B62

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#BCE4EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4C96A7): A luminous, dusty blue — the color of open sky before noon.
• Pine (#35704E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2C4B62): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Weathered Bloom color palette (#FAF2F8, #A4CCDD, #3482A4, #00624E, #1E3C5D)
• Antique Workshop color palette (#EFF7F5, #CBDDEE, #4AB7BE, #168E7B, #135159)
• Softworn Cypress color palette (#F2F2EA, #CEE3CC, #449DA2, #006E5E, #15341F)
• Cerulean Hollow color palette (#F2DFED, #459EA6, #005268, #003122, #001528)
• Lilac Boulevard color palette (#F5F3FF, #AC6DB4, #5D8949, #007465, #39334F)
• Timeworn Driftwood Field color palette (#F4F4FF, #EBDADA, #DDB6D0, #7A7AA4, #584C65)
• Antique Canyon color palette (#F6EAEF, #4A88AA, #003A7B, #002223, #06002B)
• Muted Pewter color palette (#E5FCEF, #9FAE84, #7A7443, #664D26, #204441)

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