Ember Ridge color palette — #FFF2ED · #FF4C38 · #00805A · #00597F · #321A36

Scarlet takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#FF4C38): A luminous, vivid orange — the color of sun-warmed clay.
• Teal (#00805A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00597F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#321A36): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Ember 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 Study color palette (#FFF2EB, #E36500, #008372, #25529A, #351417)
• Peony Study color palette (#FFF2EE, #FF4189, #007A2E, #005E75, #2E1939)
• Olive Meadow color palette (#FFF3E9, #EA7700, #388E00, #005F76, #3D1F57)
• Muted Terrace color palette (#FAE3D6, #D13700, #006D5B, #00467C, #25090E)
• Tangerine Field color palette (#FFF4DE, #FD7F36, #9C7700, #006679, #3A342F)
• Wisteria Grove color palette (#F4F4FF, #C372D8, #008080, #00537A, #110633)
• Misty Navy color palette (#FFE9D7, #A65400, #005A5A, #1E2878, #130005)
• Gentle Courtyard color palette (#FFF2D8, #9C7800, #006E95, #6C0E9A, #2F0001)

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