Tempered Petrol Courtyard color palette — #F9F1E4 · #74CBD5 · #007E9A · #005348 · #001D2C

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

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Aqua (#74CBD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007E9A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005348): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cobalt Dune color palette (#FEF0DB, #71C7F3, #0075C3, #005059, #00104D)
• Frosted Navy color palette (#FEF0FC, #7DC5CE, #0077A5, #005936, #0D2D70)
• Dusty Denim color palette (#F1E9DD, #56AABA, #00617D, #003A35, #000C18)
• Aged Cerulean Thicket color palette (#EDF9EF, #98D7DF, #009CBD, #007465, #003850)
• Muted Navy color palette (#ECE4D8, #4E8095, #003F63, #001F21, #000106)
• Patina Raspberry color palette (#F0D9E9, #BD12A4, #766300, #005C6D, #1F001A)
• Soft Cabin color palette (#FEE7FB, #E149DD, #008730, #6D006B, #001D05)
• Coral Market color palette (#FFEBF9, #FFC3D6, #FF7A65, #773BA1, #350923)

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