Petrol Market color palette — #F5F1EB · #C9E3DA · #6F8FBD · #00697F · #22294C

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C9E3DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6F8FBD): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00697F): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#22294C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Softworn Basin color palette (#F5F1EB, #D0E2D0, #359DAD, #006F56, #003141)
• Cobalt Archive color palette (#F7F1E7, #AAD6F4, #3684D9, #00606F, #101D58)
• Washed Navy color palette (#E8E3DA, #4C8096, #003F63, #001F21, #000106)
• Softworn Canyon color palette (#EDE5DA, #80A78C, #00617D, #003A35, #000C18)
• Ancient Blush color palette (#EAF6E7, #63B4AC, #C56F88, #00746D, #421624)
• Muted Basin color palette (#F0F7F1, #D7DDFB, #82A6DC, #2B879E, #3C485F)
• Aged Petrol Grove color palette (#FBF0E0, #83C9D1, #007E9A, #005348, #001D2C)
• Wandering Lagoon color palette (#EAF5E9, #B3DFEE, #B9BDF6, #308B74, #263B2B)

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