Petrol Study color palette — #F4F6EE · #C1E7D2 · #5593B2 · #116E7B · #2E5045
Built around Teal, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Celadon Mist (#C1E7D2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#5593B2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#116E7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#2E5045): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Study 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
- Cerulean Summit color palette (#F4F6ED, #B7E3FF, #5B90BA, #326A7D, #534055)
- Teal Station color palette (#F1F1E2, #45B2AE, #006468, #003F35, #00242A)
- Washed Cobalt color palette (#F3F7EB, #9FD1C1, #3B7CBB, #155B75, #253B5B)
- Dusty Cerulean Canyon color palette (#E8EAD5, #00919F, #004451, #002222, #000B11)
- Patina Balcony color palette (#EDF0E6, #6FBCE1, #006FA3, #004D5D, #003053)
- Antique Shell color palette (#FFF2EF, #E9D5CD, #F7B6A6, #9C7287, #5B4540)
- Wandering Teal color palette (#FAF4F0, #C5E7E6, #94C2F4, #46AC94, #5C3B51)
- Dusty Peony Study color palette (#FFF2F0, #CB5D8E, #A76B36, #665EA0, #48312F)
Browse the whole catalog at Explore, or see today's palette.