Tempered Hollow color palette — #FFF2EC · #BDE7C9 · #19A9E1 · #00856D · #0B4076

Cyan and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Celadon Mist (#BDE7C9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#19A9E1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00856D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0B4076): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Washed Sky color palette (#FDF1FA, #D0D6E9, #50BBED, #008A71, #193658)
• Azure Bloom color palette (#FEF2EC, #9AD6E6, #0096D8, #007465, #012D72)
• Powdered Periwinkle color palette (#FEF3E9, #B9E1FF, #6698FD, #00818C, #3C3670)
• Airy Aqua color palette (#F5F7EA, #ADF2FF, #00CAF3, #00A5A8, #00475D)
• Hushed Lagoon Lantern color palette (#FAF4F0, #CFE4E4, #91B5DA, #269995, #63495D)
• Softworn Petrol color palette (#F6E3DA, #6CAEB6, #007092, #004C39, #00152A)
• Denim Cabin color palette (#ECE1D7, #6F98B4, #2755A2, #003B3F, #08002A)
• Pale Cobalt Ridge color palette (#EEE3D8, #87B7DD, #456FCD, #005860, #1F0B53)

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