Tempered Hollow color palette — #F5F6EC · #B9E3F0 · #7BC7E2 · #488F93 · #26473A

Built around Sky, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Powder Blue (#B9E3F0): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7BC7E2): A luminous, balanced blue — the color of deep harbor water.
• Storm Blue (#488F93): A luminous, dusty blue — the color of a favorite pair of jeans.
• Forest (#26473A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, 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

• Powder Grove color palette (#F3F7EE, #C1DFF4, #93BEF6, #5789A4, #4C374A)
• Wandering Sky Pier color palette (#F5F6EB, #D2D9EC, #00C2E6, #008789, #003B4D)
• Hushed Corridor color palette (#ECF1DE, #63C5EA, #00709B, #003C46, #000307)
• Gentle Pier color palette (#F2F8E7, #9BD3FF, #007BDB, #004D68, #000A27)
• Patina Cypress color palette (#FBF3F0, #CCE3D4, #5190C2, #007457, #5B3C54)
• Teal Orchard color palette (#EBECD8, #05B8BE, #00606A, #002C27, #000102)
• Lichen Courtyard color palette (#FEF6D6, #BDFAD4, #A2D5C6, #B2A077, #4A4000)
• Airy Pier color palette (#FDF5D9, #BFC347, #3EC2A9, #BE8165, #322B0F)

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