Tempered Petrol Coast color palette — #D9EEED · #78BBEB · #306FA7 · #00485E · #001435

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Frost (#D9EEED): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#78BBEB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#306FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00485E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Timeworn Petrol color palette (#DEEDEA, #7EC1C3, #007985, #004C45, #001A20)
• Ancient Petrol Lagoon color palette (#F4EEE3, #8EBDAD, #3469AA, #004E5C, #1E2A57)
• Dusty Meadow color palette (#EAF4F4, #D6D8EC, #829EC4, #4D6F88, #2B3747)
• Wandering Cerulean color palette (#E1F8F4, #78E2F3, #0092AD, #006262, #002A37)
• Dusty Iris color palette (#FFF1F6, #CDEAFF, #5C90EB, #006970, #1B183D)
• Ancient Cerulean color palette (#CCE5E2, #0098C0, #00506F, #002B32, #00050C)
• Patina Olive Station color palette (#DBE5D8, #367E00, #006B73, #6A4200, #000E0C)
• Hushed Fern Station color palette (#D9FAD1, #A7DCB0, #54AE8B, #4C6417, #001F1C)

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