Charred Onyx Pier color palette — #DDE7F7 · #705D00 · #03004D · #180C1A · #000014
Deep Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DDE7F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Olive (#705D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#03004D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#180C1A): A deep, shadowed, dusty pink — the color of a candy shop window.
- Black (#000014): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.
Use it as a design system
One click turns Charred Onyx Pier 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
- Pine Alley color palette (#E5ECFF, #077319, #140043, #1F091C, #020011)
- Velvet Navy color palette (#D5E3FC, #936E00, #16137A, #1B0A1D, #020023)
- Twilit Terracotta Lantern color palette (#DBEBFC, #9B3D03, #24171E, #00142D, #000209)
- Hushed Nightshade color palette (#FBE7F7, #9E8500, #273C9E, #070D3D, #050004)
- Velvet Aubergine Quarry color palette (#DBDFF6, #279057, #320063, #0E0023, #030007)
- Aubergine Archive color palette (#D8DEED, #7A9949, #2F118E, #120C3B, #060A18)
- Aubergine Boulevard color palette (#EDEFF9, #9C96A9, #826584, #37006C, #070812)
- Lowlit Harbor color palette (#E1ECFA, #0056B7, #401E00, #001B43, #060002)
Browse the whole catalog at Explore, or see today's palette.