Tempered Cypress color palette — #E7F5F8 · #DFA19D · #06625F · #002E2D · #020F12

Peacock and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E7F5F8): bright and airy, almost weightless.
• Rosewood Mist (#DFA19D): A luminous, dusty orange — the color of sun-warmed clay.
• Peacock (#06625F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#002E2D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020F12): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged luxury, dark, 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

• Patina Courtyard color palette (#E8F5F2, #D4A98A, #415F2B, #172F00, #02100D)
• Basalt Market color palette (#ECF3F7, #D1BAD6, #40677C, #08364A, #09161C)
• Weathered Alley color palette (#E7F4FF, #EA8878, #00507F, #00233B, #000814)
• Worn Cypress Coast color palette (#F0F8EF, #FAADA4, #008282, #094C4C, #1A251A)
• Hushed Studio color palette (#DAF3FF, #E2648A, #004652, #001A1F, #000306)
• Washed Cobalt Corridor color palette (#E9F4F5, #84C3AB, #6C6BB5, #00775A, #090D1B)
• Petrol Archive color palette (#E6F8E4, #58ADA1, #4B6B9F, #633D00, #002735)
• Patina Brick Station color palette (#CCEAF4, #A73F50, #433A3A, #002426, #000404)

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