Tempered Ridge color palette — #E7DEE6 · #388688 · #004256 · #00210A · #000105

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

The five colors

• Silver (#E7DEE6): a clean, paper-quiet neutral.
• Fern (#388688): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00210A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered Ridge 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 Navy color palette (#F5E7EE, #597D96, #09367E, #00201C, #010009)
• Ancient Loft color palette (#DAEBF0, #7092B5, #8650AA, #003618, #000405)
• Teal Market color palette (#EAE5DC, #61B1B4, #005F6E, #002C22, #000102)
• Petrol Meadow color palette (#CDEAF0, #00687C, #3B3E38, #00303D, #00090E)
• Eclipse Cabin color palette (#C8EDFA, #00575C, #740015, #002426, #040000)
• Hushed Denim color palette (#EADEE2, #7FA0BE, #3E50A0, #003939, #110026)
• Antique Petrol Terrace color palette (#F0E6EC, #97B9CC, #296EAF, #004D3E, #100C3B)
• Midnight Chestnut color palette (#FFE8F1, #664E07, #412000, #240001, #010100)

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