Hazy Ridge color palette — #FFF4E2 · #F478AB · #DB3C00 · #006C4E · #53252C

A conversation between Terracotta and Bubblegum, giving this palette its sense of warmth and comfort.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bubblegum (#F478AB): A luminous, vivid rose — the color of pressed rose petals.
• Terracotta (#DB3C00): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006C4E): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#53252C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Warmth, Comfort, Energy, Balance. Tagged retro, vibrant, warm.

Use it as a design system

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

• Aged Crimson Market color palette (#FFF4E2, #EE74CF, #E51446, #006E29, #512439)
• Sunlit Coral Loft color palette (#FCECD3, #ED7980, #B15F00, #00635D, #362F2B)
• Powdered Ember Bloom color palette (#FFF3E7, #FFA0A6, #CF5F3C, #5D5C00, #451615)
• Pale Magenta Meadow color palette (#F9F9CC, #C258D3, #A63200, #004E5B, #4D2739)
• Mallow Basin color palette (#DBFFED, #FF96E6, #E67A60, #0088A4, #552135)
• Gentle Peony Courtyard color palette (#FFF2EF, #F95A8F, #927300, #006454, #0E2A6B)
• Powdered Bloom color palette (#FFF4E2, #C38AF3, #CF3393, #566200, #4F2831)
• Linen Scarlet color palette (#F8E5C7, #D14F41, #7B4C00, #004143, #2A0B00)

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