Timeworn Sapphire color palette — #FFF1F7 · #5AC5F6 · #0063E7 · #00574E · #322664

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#5AC5F6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0063E7): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#322664): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

Use it as a design system

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

• Patina Cobalt color palette (#FFF0F9, #33CCE8, #0074B1, #00583F, #1F2C68)
• Softworn Cobalt color palette (#EFF5E3, #74C6F4, #0078B8, #004F62, #001A36)
• Pale Denim Quarry color palette (#F0DCE3, #5FA7D7, #3850A1, #003E3D, #24143F)
• Worn Azure Station color palette (#DEFCFA, #93D4FA, #0094E2, #006F88, #003361)
• Cerulean Pier color palette (#F9F3FA, #B9E5EF, #4C96AB, #4B6C49, #354A5E)
• Softworn Chapel color palette (#DBECBE, #80A222, #6D1FE4, #425700, #32166A)
• Hushed Cerulean Lagoon color palette (#EBDCE9, #28A1A9, #00516D, #003218, #001134)
• Sunlit Hollow color palette (#FEF3EA, #AEE2FF, #6DADFF, #00979A, #262179)

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