Twilit Petrol color palette — #D7E9F5 · #006886 · #003143 · #1F161A · #000B14
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D7E9F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003143): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1F161A): a grounded near-black with real depth.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Lowlit Balcony color palette (#DDE7F2, #155E9A, #520201, #001E39, #070000)
- Aged Denim color palette (#DBE8FF, #5F9ADA, #004EA4, #00255C, #00142A)
- Washed Cobalt color palette (#D5E9F5, #0083B3, #004B6A, #001D2A, #000204)
- Bronze Boulevard color palette (#E3E8DA, #986B00, #006B9A, #0B0E17, #000205)
- Petrol Study color palette (#EDF6FF, #5FB2F8, #006AAD, #003C66, #002A46)
- Mulberry Market color palette (#E2F0F8, #7F9BD5, #8B4996, #003C2E, #001321)
- Aubergine Canyon color palette (#E4E6F4, #6655AD, #220077, #1B0516, #050026)
- Smoked Courtyard color palette (#DFF7DF, #625B14, #3D2600, #230600, #010400)
Browse the whole catalog at Explore, or see today's palette.