Twilit Petrol Terrace color palette — #DAF4EC · #006BB1 · #5E2C00 · #00191C · #000102

Royal Blue takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DAF4EC): A whisper-light, dusty teal — the color of glacier melt.
• Royal Blue (#006BB1): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#00191C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Deep Garnet color palette (#E1F4E4, #00757E, #730027, #001C07, #000200)
• Shadow Archive color palette (#FBE8F3, #6031F5, #503600, #001824, #000103)
• Aubergine Corridor color palette (#E1E8FF, #4F00BE, #471B00, #001911, #000507)
• Feathered Ultramarine Drift color palette (#FBEBDE, #80C0E6, #2759D9, #003E3A, #030010)
• Ancient Emerald Delta color palette (#EBE1C5, #56A34F, #005B4C, #510829, #000200)
• Mulberry Pier color palette (#DBE7F2, #9E83BE, #A03357, #003237, #000B0D)
• Aubergine Meadow color palette (#FCDFE4, #7C0089, #3F3A34, #200D0C, #120003)
• Aged Iris Courtyard color palette (#FFF0FC, #6894FF, #8B6200, #004850, #001619)

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