Gentle Petrol color palette — #D5FFFA · #9FD9C4 · #5BADB6 · #007FA7 · #1C477C
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D5FFFA): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#9FD9C4): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#5BADB6): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1C477C): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Gentle 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
- Misty Ridge color palette (#CCF4E9, #37B3C3, #0082B4, #00459D, #250060)
- Misty Cerulean Lagoon color palette (#E6FDE0, #83C8C9, #0095A5, #00677B, #294570)
- Cypress Meadow color palette (#DBFFEB, #A5D8CB, #7BAB84, #008276, #004E57)
- Cerulean Quarry color palette (#FFF0FA, #9ACBB3, #4E9EB8, #9A5C48, #2E4D54)
- Washed Summit color palette (#E5F9FF, #A3DCEF, #799FCD, #6069B2, #573778)
- Gentle Nightshade Boulevard color palette (#A9FFDF, #38D0CE, #009BC3, #005DB2, #2D009D)
- Feathered Nightshade color palette (#BDEAEC, #0098CD, #0065C2, #3700AB, #210034)
- Aged Archive color palette (#EFF7F8, #D5DBE1, #B4B1BE, #6DAA95, #485657)
Browse the whole catalog at Explore, or see today's palette.