Pale Petrol color palette — #F7E5DB · #69C1DB · #0D72A8 · #004C44 · #021239

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Parchment (#F7E5DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#69C1DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0D72A8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#021239): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Dusty Petrol Archive color palette (#F9E9F3, #90B8CD, #306CA0, #005140, #23275A)
• Weathered Alley color palette (#F9F0E9, #9DD0E9, #537FAE, #005B5A, #30152A)
• Frosted Harbor color palette (#EEE1D5, #51A5DD, #2D54A1, #00393E, #0A002C)
• Patina Azure color palette (#E7FAF7, #C6E1FF, #00A0CE, #006872, #002133)
• Cerulean Studio color palette (#F2DFD6, #009DA5, #005267, #002D1E, #00050C)
• Softworn Navy color palette (#F0E1D5, #1782B3, #00387C, #001F20, #01000B)
• Timeworn Ash color palette (#F8F0EA, #BEEFED, #75A1C8, #587454, #40303D)
• Pale Emerald color palette (#E1E6D5, #2F9400, #006540, #004337, #001E1D)

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