Tempered Hollow color palette — #EEF4EF · #BAE4F5 · #009CC2 · #006E63 · #172E40

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Powder Blue (#BAE4F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009CC2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006E63): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#172E40): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Periwinkle Studio color palette (#EEF4EF, #D6DBEF, #7B9ECF, #2D7687, #2B364B)
• Softworn Cobalt Loft color palette (#EDF4EE, #A8CDE4, #0484C2, #005B5F, #09213C)
• Tempered Cerulean color palette (#D8E1D9, #3797B1, #005070, #002C2B, #00040E)
• Cerulean Veranda color palette (#FEF2ED, #C3E7CC, #4793BE, #386F53, #553F53)
• Wandering Peony color palette (#F5EEFF, #BE6DA6, #927F00, #007790, #221A2C)
• Turquoise Studio color palette (#F9F4ED, #CCEFD5, #5EB1CE, #398A7F, #295144)
• Shell Lantern color palette (#F4EFFF, #EAD2DC, #FFAC96, #8A6993, #342B3B)
• Feathered Corridor color palette (#F4EFFF, #C98CC0, #4FA861, #8C3C83, #002F2C)

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