Petrol Delta color palette — #F1F7F2 · #C6E0F4 · #6C8DB1 · #006F7D · #384768
Teal and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C6E0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6C8DB1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#384768): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Delta 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
- Hazy Cobalt color palette (#EDF9EF, #96D8F9, #0085D2, #00656E, #243F6B)
- Iris Study color palette (#F7EFF3, #C4E1F6, #6F8DC6, #006D66, #2D2549)
- Tempered Cerulean Workshop color palette (#EEF6FF, #DBD7E7, #BFC0EB, #548999, #3F4C5D)
- Lagoon Station color palette (#FAF4EF, #C4E4E5, #83A5E1, #138D83, #474267)
- Aged Denim color palette (#E2F2E5, #63ACB3, #006275, #003F35, #002333)
- Cerulean Garden color palette (#ACEBF5, #5CC0DE, #0089B7, #19588B, #2E4563)
- Tempered Basin color palette (#DFEDE2, #4B8B9D, #00425D, #002222, #000A18)
- Aged Olive Study color palette (#EDF6FF, #4D8EC5, #AC6172, #597328, #233A4F)
Browse the whole catalog at Explore, or see today's palette.