Tempered Cypress Studio color palette — #FBF3F1 · #CCE7E1 · #69A1C0 · #447C5C · #624960

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CCE7E1): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#69A1C0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#447C5C): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#624960): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Tempered Cypress Studio 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 Workshop color palette (#FAF4EF, #CEE3E5, #AF8DA8, #007F7C, #664956)
• Tempered Corridor color palette (#EEF4EF, #CEDFF5, #66A7BB, #3F776C, #283845)
• Worn Petrol Garden color palette (#ECF9EE, #76BEC5, #CB8472, #00828C, #534B47)
• Patina Lagoon color palette (#EEF8F0, #C3DDF0, #F0C0CF, #629276, #3B5145)
• Muted Bronze color palette (#E8FBEF, #56A4BA, #BD7361, #986329, #31493B)
• Frosted Cobalt Balcony color palette (#FEF3EC, #ABDBC5, #4D80C7, #00685C, #3C3474)
• Dusty Thicket color palette (#FAECE7, #6FAAAE, #00607F, #004120, #001C49)
• Hushed Cerulean Terrace color palette (#E1FDEE, #A0D8EA, #3C8AA7, #005B70, #004050)

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