Petrol Thicket color palette — #FBF4ED · #C5E0F2 · #88A6E0 · #007D89 · #2C2751

Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Powder Blue (#C5E0F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#88A6E0): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007D89): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#2C2751): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Pine Atelier color palette (#FBF3F0, #BFE2E9, #57B4D2, #00835C, #003150)
• Soft Azure Ridge color palette (#FFF2EA, #D7E5FA, #2E9EFC, #00726F, #131B5A)
• Cobalt Pier color palette (#FDF2F5, #9ECBEC, #5777B4, #005E66, #303956)
• Petrol Quarry color palette (#FCEAE2, #73C4DA, #006FA1, #003F36, #00020D)
• Misty Ultramarine Dune color palette (#DAFDFF, #65CEE9, #0096E1, #095BBC, #242659)
• Washed Turquoise Field color palette (#DBFEF4, #EEDDD7, #A29F95, #00A9C3, #473043)
• Weathered Lagoon Market color palette (#FAF4EF, #C5DDEB, #C2BDF0, #53A0A5, #5C4554)
• Hushed Cobalt Balcony color palette (#FDF0FF, #8BC4FF, #EA8E43, #0077CD, #401D00)

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