Tempered Cypress color palette — #FBF3ED · #C0E7D5 · #698DB7 · #18706F · #583E51
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF3ED): a clean, paper-quiet neutral.
- Celadon Mist (#C0E7D5): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#698DB7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#18706F): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#583E51): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Washed Cabin color palette (#FBF3EF, #CCE7E1, #6EA2B7, #467B67, #33514A)
- Hushed Cobalt Lantern color palette (#FDF3E9, #9DD2C3, #6376AC, #005E6B, #3B345A)
- Ancient Grove color palette (#ECF4F3, #C6E0F3, #5595BF, #00697E, #152E45)
- Hushed Lagoon color palette (#DEFEF0, #F0DDD7, #EABCC6, #458687, #5D495B)
- Petrol Chapel color palette (#BAF8F3, #3FB3C9, #007EA7, #185E90, #5D3E59)
- Faded Thicket color palette (#E7FAF4, #69A6D5, #C37056, #036BA4, #5F3629)
- Powder Delta color palette (#FCF2F6, #D6DFF6, #8BC2FF, #4DA9A8, #3B4861)
- Antique Basin color palette (#EDDBD2, #478B9C, #004160, #00231D, #00081F)
Browse the whole catalog at Explore, or see today's palette.