Sunlit Petrol color palette — #FBEDFA · #7ECACD · #007DA2 · #005627 · #00193B

Cerulean and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBEDFA): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#7ECACD): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005627): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#00193B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit 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

• Aged Petrol color palette (#EBF9EE, #72C8CB, #007B8F, #005747, #00384C)
• Feathered Pier color palette (#FBEDF4, #7EC5ED, #386CD2, #00524C, #1D0548)
• Hushed Atelier color palette (#F4E9F3, #67A8B1, #006085, #003C22, #00052C)
• Pine Pier color palette (#FFF2ED, #71DFE3, #009AC6, #007838, #003168)
• Turquoise Station color palette (#FFF4E2, #B9FCFF, #00ACC7, #00745F, #002938)
• Dusty Cypress color palette (#F6F0F4, #D3D2E9, #74A3C1, #3F785D, #263650)
• Navy Workshop color palette (#EBDFE6, #408298, #003D6D, #002018, #01000B)
• Faded Veranda color palette (#CEFDF7, #60E0D6, #2CB1FA, #7C6800, #00291B)

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