Dusty Petrol Terrace color palette — #F0F6FB · #DBD9E2 · #C5BCC8 · #3F7B9F · #3F4951

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DBD9E2): a clean, paper-quiet neutral.
• Stone (#C5BCC8): a calm mid-gray that lets other colors speak.
• Slate (#3F7B9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4951): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Fern Parlor color palette (#E6F9FF, #A7BEC9, #7283A2, #556A3C, #35535C)
• Petrol Meadow color palette (#ECF4F1, #DFD0CD, #CDB4B6, #537A98, #252E2B)
• Hushed Pewter color palette (#F5F4FB, #E1D5DC, #BEADBA, #79508E, #3A3849)
• Aged Navy Ridge color palette (#DCE4ED, #A4A9B9, #807B93, #003965, #051525)
• Weathered Ultramarine color palette (#EFF6FF, #CFD1E1, #AC9FC3, #0052BF, #22344B)
• Wandering Olive Archive color palette (#FEF1F9, #9CB89F, #73783F, #644F78, #324935)
• Aged Delta color palette (#DDE1E9, #9997A8, #796A81, #26007C, #050815)
• Fern Harbor color palette (#E2FCF2, #42A8B5, #6261A0, #4A5400, #1F4158)

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