Charred Pier color palette — #D1E4DE · #425200 · #030388 · #310027 · #110600

Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D1E4DE): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#425200): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#030388): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#310027): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#110600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, 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

• Charred Onyx Coast color palette (#D8EEE2, #484C00, #002D4B, #2C0034, #150400)
• Nocturne Garden color palette (#CCEDEB, #005638, #3B0065, #3C0012, #060500)
• Softworn Pine color palette (#DDF0E0, #117B2E, #004742, #3B004B, #001C10)
• Powdered Aubergine Canyon color palette (#D9FCFC, #007148, #5B009B, #58001A, #181500)
• Washed Forest Lantern color palette (#E7F3F1, #ABBDBD, #789498, #155300, #0E2421)
• Pale Chapel color palette (#ECE7CC, #647300, #00577D, #6A000F, #040500)
• Ancient Garnet Atelier color palette (#CFEAF5, #00666F, #67004E, #3F1E00, #001613)
• Frosted Moss Boulevard color palette (#C7E8E9, #85A700, #009C6C, #006570, #001B13)

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