Weathered Hollow color palette — #FAF2F8 · #ABE9F2 · #5392B7 · #317051 · #374863

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sea Foam (#ABE9F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5392B7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#317051): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#374863): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Weathered 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

• Antique Loft color palette (#FCF2F5, #DADEEF, #8698C4, #4C7680, #4D5166)
• Timeworn Cobalt Corridor color palette (#FFF0F8, #9ACEE1, #3E7CB9, #0B6150, #34365B)
• Ancient Cypress color palette (#F2F3EB, #CBE4D1, #5898A9, #1D6B6B, #113425)
• Peony Market color palette (#F6F3FF, #C15CB4, #2B8E6D, #177174, #3B334B)
• Lagoon Harbor color palette (#F4E5F4, #0B938E, #004453, #022502, #000A18)
• Antique Courtyard color palette (#F6F3FF, #F0D6D1, #DDB78B, #707EA3, #52485D)
• Dusty Teal color palette (#FDF3EE, #C6E9E3, #84C8E9, #28B090, #2D4A6A)
• Ancient Cerulean color palette (#F2DFEB, #009FBF, #004C80, #003125, #0C093B)

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