Tempered Hollow color palette — #EBF4F2 · #CDDDF2 · #70A6B5 · #437380 · #233947

Blue Fog and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Powder Blue (#CDDDF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#70A6B5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#437380): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#233947): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered Hollow 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

• Cerulean Coast color palette (#DCF8FF, #7ACFD2, #2F97A1, #196776, #183A4B)
• Petrol Garden color palette (#E3F5FC, #74C2CC, #9EA166, #19808B, #10392B)
• Patina Turquoise Boulevard color palette (#E2F5FF, #49ABC2, #8688B9, #51875C, #162A34)
• Softworn Ash color palette (#E4F5FF, #D3D6E5, #BCA3AE, #6F9BAF, #2C3E4B)
• Softworn Pier color palette (#DBEDED, #99B7D2, #226DB5, #004760, #001339)
• Cypress Veranda color palette (#FBF3F0, #CAE8E3, #69A2BE, #2C7F69, #604963)
• Dusty Field color palette (#DBE8E7, #3A8399, #004258, #001F23, #000103)
• Hushed Workshop color palette (#EAF6E9, #A9C3AC, #6F8C6E, #6C4E5A, #1F3124)

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