Chalky Petrol color palette — #FDF1FC · #7FA1D6 · #B47B47 · #3263B1 · #5E3810

Cobalt and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Blue Fog (#7FA1D6): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#B47B47): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#3263B1): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5E3810): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Driftwood Ridge color palette (#FFF0F8, #9D96D5, #9B8A2C, #645A9D, #4C430A)
• Hushed Workshop color palette (#E4FCF0, #63AACA, #C26F66, #006F93, #48403D)
• Dusty Cobalt color palette (#FFF0FE, #5B88D4, #9C7235, #5F6A27, #443043)
• Muted Ultramarine color palette (#E9F3FF, #80A5DD, #C07191, #1860C1, #43122A)
• Wandering Nightshade color palette (#F9DAEE, #6F71F2, #886C00, #4200D6, #392C00)
• Timeworn Cobalt color palette (#FEF0FE, #93BBEB, #5EBB82, #2E81DB, #224D32)
• Shell Terrace color palette (#FFEFFF, #DED2D8, #EEB3BC, #4E8A9D, #5C4354)
• Antique Cocoa Delta color palette (#FFF2EB, #BCA188, #956553, #734145, #413C36)

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