Tempered Cypress color palette — #FAF4F0 · #CDE2D5 · #5C90B9 · #007457 · #3B456C
Built around Pine, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Silver (#CDE2D5): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#5C90B9): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007457): A full-bodied, balanced teal — the color of sea glass.
- Navy (#3B456C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: 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
- Tempered Cerulean Studio color palette (#ECF4EE, #C4E1F0, #4A98BC, #006D69, #1B2E40)
- Cobalt Ridge color palette (#FDF3EC, #AFCDC0, #5B78AD, #006059, #3B3459)
- Cypress Harbor color palette (#F9F4EF, #CAE6EB, #8F95C3, #0F7D84, #654953)
- Weathered Lilac Loft color palette (#F0F8EB, #66B09B, #AE6FB1, #007761, #553557)
- Abyss Balcony color palette (#F6E4DF, #528B8F, #00435A, #00240F, #00081E)
- Aged Powder color palette (#FBF2F8, #D2E1FA, #8CC4F2, #67A78F, #3C485F)
- Patina Lagoon color palette (#EBFCDE, #87C9B0, #008A77, #004F42, #00392F)
- Pine Delta color palette (#F4E5BE, #90AC6B, #2F8E4B, #006658, #124860)
Browse the whole catalog at Explore, or see today's palette.