Petrol Ridge color palette — #F9F4ED · #BDE7DB · #708ABC · #026D88 · #5C3B52

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#BDE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#708ABC): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#026D88): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5C3B52): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, 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

• Dusty Pier color palette (#F7F1EB, #C0E6DC, #8089C1, #006C71, #421F2D)
• Patina Study color palette (#FCF4E7, #A4D4FC, #5380C2, #006378, #323C6A)
• Ancient Petrol Bloom color palette (#FFF0FE, #E9D7D8, #E0B2BE, #497E9A, #604A5B)
• Worn Garden color palette (#C5F1FF, #61B0DC, #387BB5, #355792, #5E3E58)
• Antique Cabin color palette (#F9F4EE, #CBE5E3, #76A593, #397B7B, #5F4A61)
• Ancient Delta color palette (#FBF2F5, #D8DCF9, #94A0DE, #008B91, #4F3F63)
• Weathered Thicket color palette (#FEF0FF, #6FA3DE, #B27D37, #3268A1, #47413C)
• Cerulean Cabin color palette (#FAF4EB, #AFCEB5, #22859F, #006154, #123F56)

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