Timeworn Coast color palette — #F3F7ED · #A0CBEC · #477CB0 · #005B77 · #263B5A

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Sky (#A0CBEC): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#477CB0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B77): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#263B5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cerulean Harbor color palette (#F5F6EE, #90D1DF, #0085A4, #005F63, #154433)
• Cobalt Boulevard color palette (#F7F1E7, #A1D4C3, #507EB8, #005969, #151D3F)
• Softworn Periwinkle color palette (#F0F7F1, #BED8EE, #6598D8, #00798D, #2D385C)
• Petrol Market color palette (#FFEFFF, #E1D6F3, #B2ABE5, #3D6D94, #4B3648)
• Ancient Navy Corridor color palette (#E1E6D6, #4D85B6, #003B77, #00202F, #000429)
• Sunlit Cornflower Loft color palette (#F5DBF4, #3475DE, #97489B, #006867, #3A2139)
• Powdered Delta color palette (#EFF6FF, #61A4FF, #2965B1, #00336D, #092348)
• Lagoon Ridge color palette (#FBF4ED, #C1EBDD, #9AAFEB, #00A09E, #3F315D)

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