Tempered Hollow color palette — #FBF4EF · #CBE6E6 · #799DC0 · #377C77 · #63495D

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

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#CBE6E6): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#799DC0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#377C77): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#63495D): A full-bodied, dusty pink — the color of peonies in June.

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

• Timeworn Petrol Courtyard color palette (#ECF4F3, #D2DBEF, #7BA1BE, #1D7788, #21384D)
• Aged Lagoon color palette (#F4F6EF, #C9E5E5, #8BB8D3, #4393A3, #335149)
• Worn Blush Dune color palette (#FFF2F0, #C87E99, #589883, #3A7C8A, #563A37)
• Aged Harbor color palette (#FFF2EC, #A8D0B5, #4280A1, #006150, #4A2F4B)
• Feathered Cobalt Delta color palette (#FCF4EA, #A5D3FF, #5F79CD, #006472, #41346F)
• Petrol Thicket color palette (#F8ECE6, #76C0C4, #00748F, #005238, #003150)
• Hushed Terrace color palette (#F0E0D6, #6BA9BE, #005C90, #003E39, #0C1C45)
• Driftwood Orchard color palette (#FFF1F1, #E2DAD0, #9CBFCF, #AA858E, #5A4842)

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