Charred Pier color palette — #D9E9FB · #00457A · #5E0057 · #3B0015 · #000104

Royal Purple and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D9E9FB): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#00457A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#5E0057): A deep, shadowed, balanced pink — the color of peonies in June.
• Onyx (#3B0015): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Moonless Nightshade Delta color palette (#DCEAFF, #0028B6, #630044, #3D0006, #00000A)
• Aubergine Bloom color palette (#CAEDFB, #004D55, #3A008F, #30003A, #000102)
• Shadow Garnet color palette (#D6F5F9, #004E55, #5C2000, #350F00, #000607)
• Moonless Ultramarine color palette (#F9E3F9, #2343C1, #33007D, #2C0012, #01000E)
• Moonless Aubergine color palette (#E7E8FF, #4E0078, #550105, #1F0D00, #010009)
• Mulberry Studio color palette (#CAEAF7, #006C78, #8B005C, #352400, #000102)
• Navy Market color palette (#DDE3E9, #94A1B1, #6A7BA3, #00395D, #00050D)
• Feathered Nightshade color palette (#DCEDF8, #007297, #0C00A7, #002E40, #000106)

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