Charred Ridge color palette — #DFEFF2 · #006A61 · #1A007C · #002320 · #00000F

Deep Indigo and Pine set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#DFEFF2): bright and airy, almost weightless.
• Pine (#006A61): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1A007C): A deep, shadowed, vivid violet — the color of wild irises.
• Onyx (#002320): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Depth, Luxury. Tagged duotone, dark, muted, cool.

Use it as a design system

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

• Velvet Ridge color palette (#D4E9EA, #006B51, #002A4C, #002419, #000206)
• Shadow Terrace color palette (#D1E1EA, #006678, #3E0059, #002229, #02000D)
• Inked Navy color palette (#D6E4D7, #00545F, #090075, #150B00, #000408)
• Onyx Dune color palette (#D1F9F6, #00667A, #003255, #070036, #060012)
• Wandering Petrol Grove color palette (#E0EDFB, #006CB2, #630027, #002847, #040006)
• Navy Orchard color palette (#CDE5F0, #008393, #00477C, #004048, #000206)
• Lowlit Onyx Courtyard color palette (#D5EEF5, #004647, #16242A, #360037, #0C0900)
• Aubergine Pier color palette (#E4F1FA, #0082A9, #68006C, #00374A, #04010F)

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