Soft Petrol color palette — #ACF0E2 · #47B3BC · #00839A · #005678 · #1A324E
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#ACF0E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#47B3BC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00839A): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1A324E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft Petrol 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
- Hushed Lagoon Studio color palette (#C5F0CE, #6CC19B, #008B7D, #005C64, #083247)
- Cobalt Delta color palette (#DAF2F8, #62BBE4, #3C83C2, #3C518C, #2D284F)
- Dusty Petrol color palette (#D5EDCA, #6BC8CA, #009EB5, #006FA4, #284469)
- Hazy Navy color palette (#CEE9EA, #0096BE, #00638D, #00367D, #11004B)
- Tempered Market color palette (#E7F4FF, #81C6ED, #2A7DAE, #00496D, #001524)
- Turquoise Terrace color palette (#DEFCFF, #8AEBFF, #2EB1D0, #067391, #204F3E)
- Airy Amber Basin color palette (#E2F5FF, #4FB3CB, #BD7E38, #007185, #3B2000)
- Weathered Station color palette (#E5F4FF, #D8D7E5, #E6B5D2, #4A908C, #1D2F3D)
Browse the whole catalog at Explore, or see today's palette.