Petrol Meadow color palette — #FFF0FB · #67C8DA · #0077A4 · #005748 · #013167

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Aqua (#67C8DA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#013167): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

One click turns Petrol Meadow 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

• Petrol Balcony color palette (#F1F4E0, #65CCE0, #007E9A, #005154, #001D29)
• Pale Sapphire color palette (#FFF1F6, #7EC0ED, #0F60EB, #00555B, #2E2A5F)
• Wandering Cerulean color palette (#E5FAF7, #6BDDF4, #009CBE, #007275, #00384C)
• Worn Denim color palette (#F1E5ED, #56ACC3, #005D8A, #003F37, #051C47)
• Sky Drift color palette (#FFF4E2, #8EEAFD, #00BBF0, #00988F, #003656)
• Ash Harbor color palette (#FAF3F7, #D7DFF1, #709EC5, #3B7B75, #485364)
• Ancient Bloom color palette (#F3E9ED, #398AB1, #003B77, #002223, #06002C)
• Magenta Parlor color palette (#E8D9E7, #CB2DD1, #1A6401, #005E63, #371338)

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