Petrol Terrace color palette — #DCEAFB · #5898E4 · #0069B7 · #003460 · #000C1A

A conversation between Royal Blue and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Frost (#DCEAFB): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#5898E4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0069B7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003460): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000C1A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

Use it as a design system

One click turns 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

• Washed Garden color palette (#ECF6FF, #59B0FF, #005FB5, #00274C, #000104)
• Turquoise Boulevard color palette (#D1F1F9, #00AECD, #00728E, #003644, #000C11)
• Antique Cornflower Terrace color palette (#CAE3FD, #008AE6, #004478, #001B36, #000715)
• Pale Nightshade Delta color palette (#DDE7FF, #7A93EA, #3C59D2, #1B0093, #040035)
• Cobalt Villa color palette (#E0EEFF, #70B2FF, #0082DF, #005099, #000C20)
• Patina Denim color palette (#FFF0FD, #B0CFFF, #7190D5, #275CAC, #1A2953)
• Linen Lime Boulevard color palette (#F9D6C6, #73BC00, #0077E1, #001A3A, #0E0110)
• Lilac Orchard color palette (#DDEDE6, #A7BAF6, #BB8AC6, #007680, #122746)

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