Timeworn Cobalt color palette — #FFF2EA · #E69F7F · #98A661 · #007BB2 · #331F12

Built around Cerulean, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#E69F7F): A luminous, balanced orange — the color of toasted spice.
• Moss (#98A661): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#007BB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#331F12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Cobalt Archive color palette (#FAF5E7, #BDB65D, #8EA967, #2477B8, #2D2406)
• Dusty Amber color palette (#FFF1F1, #E09ABB, #BC9944, #00828A, #381B1A)
• Hushed Boulevard color palette (#FEF3E9, #DFA272, #6F882A, #2E5AA2, #271402)
• Softworn Denim Coast color palette (#FFF3E5, #F9B8B9, #A79040, #585AA1, #37302C)
• Gentle Garden color palette (#FDF4E4, #C19809, #1995CC, #8B3D7F, #1E1300)
• Misty Chapel color palette (#FFF0FD, #FD9996, #41C6A5, #429BC5, #3D2D3B)
• Hushed Grape color palette (#FFF4E0, #CC9F00, #00A8A0, #7C31D6, #241A00)
• Muted Ember Grove color palette (#FFEEE7, #CA6261, #2E876A, #1B5975, #26150E)

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