Twilit Petrol color palette — #C0E7EC · #007289 · #003958 · #00153F · #01000D

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

The five colors

• Frost (#C0E7EC): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007289): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00153F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#01000D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Velvet Chapel color palette (#E3F3E8, #00765D, #004342, #00171B, #000305)
• Deep Navy color palette (#F3DEBF, #005F71, #002C61, #2E0002, #000204)
• Onyx Lagoon color palette (#D3ECDD, #009DAB, #005C7F, #130055, #030005)
• Navy Garden color palette (#D4E2EB, #0058A6, #210089, #0C002A, #030005)
• Timeworn Lagoon color palette (#EBF1EC, #92A59C, #5D7FA1, #003E46, #000602)
• Lowlit Aubergine Chapel color palette (#D1EFDF, #005267, #40005B, #230500, #010100)
• Aged Nightshade Bloom color palette (#C5EAF1, #009BD6, #0063AA, #15009F, #150038)
• Hushed Study color palette (#D6F1FD, #4272AD, #473585, #401500, #0E0600)

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