Charred Quarry color palette — #CFE6E9 · #007565 · #002A38 · #000F12 · #000302

Teal and Midnight set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#CFE6E9): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007565): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002A38): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000F12): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000302): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Olive Balcony color palette (#DCF4EE, #477300, #002B30, #00100D, #000301)
• Abyss Thicket color palette (#CFEBF2, #004F4B, #1D1D23, #00101C, #000202)
• Washed Hollow color palette (#D4E5ED, #6F6863, #003E47, #1F1C22, #000518)
• Timeworn Lagoon color palette (#DEECD8, #009582, #204938, #1A2514, #0D0E05)
• Bronze Harbor color palette (#C8ECFB, #008C9A, #9F5B00, #685500, #001720)
• Softworn Grove color palette (#E3EFF8, #248DBC, #323B52, #152027, #080E0F)
• Weathered Cypress color palette (#E5F7F0, #79AE8B, #00746F, #255042, #002221)
• Lowlit Sapphire color palette (#E6F1FF, #0067D0, #321E48, #011026, #000408)

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