Hazy Summit color palette — #FFF2ED · #FF3B33 · #0076A2 · #04529E · #331422

Scarlet and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#FF3B33): A luminous, vivid orange — the color of sun-warmed clay.
• Slate (#0076A2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#04529E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#331422): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy Summit 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

• Misty Tangerine color palette (#FFF0FA, #EA7344, #008370, #00599D, #25061F)
• Weathered Quarry color palette (#F9E0CE, #CC5000, #00678D, #004A66, #240A11)
• Pale Cabin color palette (#FEF4E3, #B67900, #007F85, #00577D, #341716)
• Gentle Lagoon color palette (#FFF2EE, #F51951, #008D4D, #006A5B, #3A1928)
• Chalky Tangerine Meadow color palette (#FFF2E9, #EF7300, #008B7C, #5143A1, #2D2560)
• Tangerine Corridor color palette (#FFF3E2, #FC8130, #868200, #3753AA, #4C2E00)
• Hushed Peony Dune color palette (#FFF1F2, #DA3DBA, #008264, #3C50AC, #381418)
• Faded Amber color palette (#FEF4E2, #B89900, #327BB7, #35638D, #3C2623)

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