Petrol Ridge color palette — #F5EDE1 · #8FBDA9 · #206DA5 · #004F56 · #0E2B5C

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

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Mint Leaf (#8FBDA9): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#206DA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#0E2B5C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Aged Station color palette (#F0E7E1, #95BEAC, #3469B9, #004C44, #150C37)
• Ancient Cobalt Market color palette (#FBF4EA, #ABCEC2, #567AAA, #005D6E, #2D385F)
• Muted Teal color palette (#E7E0D3, #58AFAC, #00636D, #00402E, #00242E)
• Cerulean Cabin color palette (#C3ECEF, #0096AB, #006C8E, #003F5F, #251C53)
• Patina Lilac color palette (#DAFFF1, #AEC7F7, #A387D7, #006474, #462B47)
• Washed Periwinkle color palette (#E8F1EA, #B0D9F5, #3AACFF, #008F9B, #182D50)
• Cobalt Dune color palette (#C5E7D9, #0089BD, #9C5600, #004F6F, #3F2000)
• Powdered Azure Canyon color palette (#D5EBFF, #3B9DE5, #00578F, #002E52, #001B2F)

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