Timeworn Coast color palette — #F1F7F2 · #ABC9E5 · #5778B2 · #005C72 · #2F3565

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Sky (#ABC9E5): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5778B2): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2F3565): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Ancient Cerulean color palette (#F1F7F2, #AACBD6, #1B8699, #00624E, #024156)
• Indigo Canyon color palette (#FBEEF2, #AECBE6, #6273CD, #005B5D, #1C1C3C)
• Hushed Petrol Alley color palette (#F1F7F2, #D9DDEE, #7E9BC2, #187B90, #44536D)
• Iris Delta color palette (#FAF4EE, #B2E0D2, #778EEB, #007C7D, #403356)
• Violet Ridge color palette (#E4E1FF, #9662A7, #906200, #00686A, #2B2645)
• Ancient Indigo color palette (#F4F4FF, #FCCEEC, #E79AA4, #685AAA, #483F5B)
• Dusty Ridge color palette (#DEE8E0, #598995, #00454C, #002318, #000B11)
• Periwinkle Parlor color palette (#FAF4EB, #C6E4FF, #85B2FF, #3799B6, #4D2F45)

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