Twilit Petrol color palette — #D9E8DD · #007280 · #072C24 · #001105 · #010300
A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#D9E8DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007280): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#072C24): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001105): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit Petrol 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
- Washed Thicket color palette (#E3F4EC, #007FAC, #3D2A39, #021B12, #030804)
- Eclipse Villa color palette (#D6EFE0, #004C5D, #21252E, #000D26, #000202)
- Petrol Lagoon color palette (#ECDAEC, #3564A8, #351B29, #170418, #000301)
- Frosted Bronze color palette (#D8EFE8, #4A98D4, #AB6C00, #00598E, #2A1700)
- Timeworn Olive color palette (#FAF0E4, #AC9F78, #4C712C, #005347, #231B01)
- Navy Courtyard color palette (#EED8E7, #423B41, #1E007D, #220D1D, #050009)
- Cobalt Coast color palette (#E9DDE9, #427DC6, #9A5F00, #775400, #200A21)
- Chalky Navy Drift color palette (#D1E6E7, #1D9EC1, #0075A6, #004081, #161743)
Browse the whole catalog at Explore, or see today's palette.