Worn Petrol Terrace color palette — #D7F0F8 · #007CA4 · #004A6C · #00253C · #000918

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7F0F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004A6C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00253C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000918): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Soft Courtyard color palette (#DEECFF, #317ACD, #004485, #001636, #000207)
• Obsidian Petrol Summit color palette (#CCF0F1, #00687C, #00344A, #00142C, #010024)
• Worn Harbor color palette (#D6E1EC, #006EAD, #990077, #003B60, #11000B)
• Worn Lagoon color palette (#D2E1F3, #8C9FCF, #7D7AD9, #004F76, #000936)
• Aubergine Alley color palette (#CFE4F4, #005E8E, #6A149F, #00483B, #000205)
• Nightshade Chapel color palette (#DEEEFF, #2466C0, #1025C4, #160073, #08002E)
• Ultramarine Villa color palette (#DAEAF9, #559DE8, #106CE0, #0E42C2, #1D245F)
• Softworn Workshop color palette (#D8F6E4, #757227, #504500, #2E2200, #030400)

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