Charred Pine Pier color palette — #DEEAF7 · #03915A · #001C37 · #0B0B15 · #000104

Fern and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEEAF7): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#03915A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001C37): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0B15): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged luxury, dark, muted.

Use it as a design system

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

• Nocturne Forest Workshop color palette (#CBEBE2, #00723D, #2E2C34, #001529, #000307)
• Navy Villa color palette (#D0E2F8, #BD7300, #004692, #001433, #000207)
• Lowlit Chestnut Lagoon color palette (#EBDEEB, #804800, #001232, #160504, #000105)
• Obsidian Basalt color palette (#E0F2F7, #005A57, #513600, #1B1900, #000201)
• Softworn Basalt color palette (#F5F4FE, #F3DAC4, #886994, #482A53, #0F0D1C)
• Charred Onyx Harbor color palette (#E1E6F6, #B35B62, #1E0051, #0E0518, #010008)
• Aubergine Harbor color palette (#E3E6F0, #B8B9C7, #908EA9, #411F85, #010008)
• Denim Basin color palette (#F2F5FF, #FFBCBD, #6455A2, #2A1A54, #02030C)

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