Tempered Cypress color palette — #E8F3FF · #6D99C3 · #708D5B · #156E54 · #162432

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

The five colors

• Ivory (#E8F3FF): a clean, paper-quiet neutral.
• Blue Fog (#6D99C3): A luminous, dusty blue — the color of open sky before noon.
• Fern (#708D5B): A luminous, dusty green — the color of new leaves after rain.
• Pine (#156E54): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#162432): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Petrol Loft color palette (#EEF1FF, #9A8AC2, #429287, #006A7D, #1F2131)
• Washed Forest color palette (#FBEDF4, #B9886E, #748C59, #1C6E4F, #301B27)
• Bronze Quarry color palette (#FFF1F5, #A082B6, #8F7F25, #146E60, #48383D)
• Hushed Chestnut color palette (#F4EFFB, #B881A2, #A3794F, #6D5D1E, #261F2F)
• Patina Mallow Coast color palette (#F6F3FF, #E4AFDD, #C7AA72, #4A9278, #342E40)
• Blush Coast color palette (#FFF2EE, #E2909A, #AF9B4E, #6D8354, #483935)
• Driftwood Field color palette (#F3F0F6, #DCD4D8, #BAAAA9, #A1728D, #38353B)
• Aged Pine Dune color palette (#E1EDE0, #9E6800, #177842, #004F49, #001601)

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