Twilit Petrol Thicket color palette — #CCE3F0 · #00708A · #11263F · #010E17 · #000304

Teal and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CCE3F0): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00708A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#11263F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010E17): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000304): quiet, heavy and certain.

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

Use it as a design system

One click turns Twilit Petrol Thicket 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

• Weathered Cobalt color palette (#E5F2FE, #007BBF, #283046, #091724, #02070A)
• Worn Cerulean Cabin color palette (#E0FEEE, #0098BF, #163D31, #01140B, #000201)
• Dusty Cobalt color palette (#D4E5FF, #5677CC, #8F6600, #6E5900, #071130)
• Cerulean Lagoon color palette (#F7EFF4, #9DD1DF, #008BA2, #005F38, #002436)
• Obsidian Pier color palette (#DADEFC, #7F41CF, #2E2340, #0D0D22, #01030B)
• Muted Balcony color palette (#E7F7EB, #7AAC9C, #3E7244, #0B5150, #00231A)
• Gentle Denim Meadow color palette (#D9EBFF, #5094DE, #967800, #00559D, #241B00)
• Wandering Bloom color palette (#CFE3E9, #2CA1D7, #1865B4, #26397F, #241C45)

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