Charred Cypress color palette — #F1DCDB · #007557 · #003555 · #210003 · #000202

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

The five colors

• Shell Pink (#F1DCDB): A whisper-light, dusty orange — the color of toasted spice.
• Pine (#007557): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003555): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#210003): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

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

• Shadow Forest color palette (#FFE2F8, #005931, #002838, #220100, #000504)
• Eclipse Olive color palette (#FFEAE8, #606B00, #003A39, #1C0019, #000200)
• Navy Workshop color palette (#F1E4C5, #007274, #1E0D8F, #120B00, #000102)
• Onyx Dune color palette (#E9F0D8, #006635, #4C0048, #1D251C, #120300)
• Patina Lagoon color palette (#D2EACE, #1B8786, #2E4A69, #392100, #030100)
• Garnet Study color palette (#D5EAD9, #008D7E, #00647C, #6C0042, #000405)
• Softworn Boulevard color palette (#F2E6DC, #907812, #2D4400, #00211F, #020100)
• Worn Nightshade color palette (#FFEBCF, #009E9D, #384BA3, #3A2700, #000508)

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